<template>
  <el-alert class="alert" type="warning" show-icon>
    {{ data }}
  </el-alert>
</template>


<script setup>
defineProps({
  data: {
    default: "",
    type: String,
  },
});
</script>

<style lang="scss" scoped>
.iconfont {
  color: #2186fb;
  vertical-align: bottom;
  margin-right: 6px;
}
.alert {
  margin-bottom: 12px;
  border: 1px solid #8dc9fb;
  background: #f8fdff;
  border-radius: 0;
  padding: 7px 16px;
}
.el-alert {
  color: #2186fb;
}
:deep  .is-big {
  font-size: 16px !important;
  width: 16px !important;
  margin-right: 10px;
  
}
:deep .el-alert__content {
  padding: 0px;
}
:deep .el-alert__description{
  margin: 0;
  color: #595959 !important;
}
</style>
